<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        table{
            width: 1000px;height: 400px;
            background: lightgreen;
        }
        td{
            border: 1px solid rosybrown;
        }
    </style>
    <script src="打印表格(函数).js" type="text/javascript"></script>
<!--    封装一个打印hello的函数-->
<!--函数声明式定义好的函数，可以在任意位置调用，函数表达式定义的函数，只能在函数下面调用-->
    <script type="text/javascript">
        //函数声明式
        // 如果使用函数声明式定义函数，定义好的函数会自动提升位置，提升到script开始标签位置
        function print1() {
            console.log("hello");
        }
        print1();
        var print2 = function () {
            console.log("hello");
        }
        print2()

        // 设计制作任意行数任意列数表格的功能
         function table(row,col) {
             // 表格的开始
             d("<table>")
             // 设置格子
             for (var i=1;i<=row;i++){
                 // 行开始
                 d("<tr>");
                 // 设置行的列
                 for(var j=1;j<col;j++){
                     // 列开始
                     d("<td>")
                     d("</td>")
                 }
                 // 行结束
                 d("</tr>");
             }
             // 表格结束
             d("</table>")
         }
         table(4,5);


    </script>
</head>
<body>

</body>
</html>